<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>事件</title>
</head>
<body>
    事件:{
        是什么:{
           利用js操作css样式
           JS可以操作HTML页面任何元素 可以操作元素的style属性 
        }
        为什么{
            对其操作 进行功能的处理展示
        }
        怎么用{
            外部css[无法]
            内部css[]
            行内css[常用]标签的自带属性style 通过点操作 元素.style.css属性 = "属性值"
            单行样式{
                元素.style.color="red";  //一般
                元素.style.backgroundColor="red";  //带有-的样式  要利用驼峰处理
            }
            多行样式{
                元素.style.cssText="font-size:12px;font-weight:400;"
            }
        }

    }

    <script>
        
    </script>


</body>
</html>